/*
 |--------------------------------------------------------------------------
 | route/项目名称
 |--------------------------------------------------------------------------
 |
 | author：开发者
 | fetch：本页面的fetch、功能说明
 | DOTO:  备注
 |
 */

import React, {PureComponent} from "react"
import {bindActionCreators} from "redux"
import {connect} from "react-redux"
//页面组件
import BtnGroup from "./components/btnGroup"
/*ant 组件*/
import {Menu, Icon, Switch, Button, Tabs} from "antd"
const SubMenu = Menu.SubMenu;
const MenuItemGroup = Menu.ItemGroup;
const TabPane = Tabs.TabPane;


/*css依赖*/
import "./style.less"


/*redux连接池*/
@connect(
    ({state}) => ({}),
    (dispatch) => (
        bindActionCreators({}, dispatch)
    )
)
export default class YourName extends PureComponent {
    state = {
        choseTitle:"assess"
    }

    render() {
        const {} = this.props;
        const {} = this.state;
        return (
            <Tabs
                defaultActiveKey="assess"
            >
                <TabPane tab="考核配置" key="assess">
                    <div className="SettingBody">
                        <div>
                            <span className="margin-right-20">是否开启自动补分</span>
                            <Switch
                                defaultChecked={false}
                                onChange={this.onChnage}
                            />
                        </div>
                        <div>
                            <span>每</span>
                            <input
                                className="dayInput"
                                type="number"
                                defaultValue={3}
                            />
                            <span>天</span>
                        </div>
                        <div>对未进行的考核的</div>
                        <div className="flex-left">
                            <BtnGroup
                                choseNum={2}
                                items={["循环考核点","普通考核点"]}
                                chose={[0]}
                            />
                            <span>自动补分;</span>
                        </div>
                        <div>
                            <span>补分值为</span>
                            <input
                                className="dayInput"
                                type="number"
                                defaultValue={5}
                            />
                            <span>分</span>
                        </div>
                    </div>
                </TabPane>
                <TabPane tab="打分配置" key="mark">
                    <div className="SettingBody">
                        <div>设置考核时的加减分制</div>
                        <BtnGroup
                            choseNum={1}
                            items={[0.01,0.1,1,10,100]}
                            chose={[1]}
                        />
                    </div>
                </TabPane>
            </Tabs>
        )
    }
    callback=()=>{

    }
    componentDidMount() {

    }
}